<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Admin Panel - <ui:insert name="title">title</ui:insert></title>
        <link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
        <link rel="Stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.7.1.custom.css"  />	
        <!--[if IE 7]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" /><![endif]-->
        <!--[if IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="screen, projection" /><![endif]-->
        <link rel="stylesheet" type="text/css" href="markitup/skins/markitup/style.css" />
        <link rel="stylesheet" type="text/css" href="markitup/sets/default/style.css" />
        <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
        <!--[if IE]>
                <style type="text/css">
                  .clearfix {
                    zoom: 1;     /* triggers hasLayout */
                    display: block;     /* resets display for IE/Win */
                    }  /* Only IE can see inside the conditional comment
                    and read this CSS rule. Don't ever use a normal HTML
                    comment inside the CC or it will close prematurely. */
                </style>
        <![endif]-->
        <!-- JavaScript -->
        <script type="text/javascript" src="js/hoverIntent.js"></script>
        <script type="text/javascript" src="js/superfish.js"></script>
        <script type="text/javascript">
            // initialise plugins
            jQuery(function(){
                jQuery('ul.sf-menu').superfish();
            });
        </script>
        <script type="text/javascript" src="js/excanvas.pack.js"></script>
        <script type="text/javascript" src="js/jquery.flot.pack.js"></script>
        <script type="text/javascript" src="markitup/jquery.markitup.pack.js"></script>
        <script type="text/javascript" src="markitup/sets/default/set.js"></script>
        <script type="text/javascript" src="js/custom.js"></script>
        <!--[if IE]>
        <script language="javascript" type="text/javascript" src="excanvas.pack.js"></script>
        <![endif]-->
    </h:head>
    <h:body>
        #{adminController.checkLogin()}
        <div class="container" id="container">
            <div  id="header">
                <div id="profile_info">
                    <img src="img/avatar.jpg" id="avatar" alt="avatar" />
                    <h:form>
                        <h:outputLabel value="Hi, #{sessionScope.admin.username} !" style="font-size: 20px;margin-top: 16px;"/>
                        <p:commandLink onclick="confirm.show()">
                            <img src="img/logout.png" border="0" style="margin-left: 112px;"/>
                        </p:commandLink>
                        <p:confirmDialog id="confirm" message="Are you sure to logout Your Account?"  
                                         header="Notification" severity="alert" widgetVar="confirm" > 
                            <p:commandButton value="Yes Sure" update=":form:table-item" oncomplete="confirm.hide()"  
                                             actionListener="#{adminController.processLogout}" />  
                            <p:commandButton value="Not Yet" onclick="confirm.hide()" type="button" />   
                        </p:confirmDialog> 
                    </h:form>
                </div>
                <div id="logo"><h1><a href="">Team1 RadioCabs - Admin Panel</a></h1></div>

            </div><!-- end header -->
            <div id="content" >
                <div id="top_menu" class="clearfix">
                    <ul class="sf-menu"> <!-- DROPDOWN MENU -->
                        <li class="current">
                            <a href="index.xhtml">Home</a><!-- First level MENU -->
                        </li>
                        <li>
                            <a href="listCompany.xhtml">Listing</a>
                            <ul>
                                <li class="current">
                                    <a href="listCompany.xhtml">List Company</a> <!-- Second level MENU -->
                                </li>
                                <li>
                                    <a href="approveCompany.xhtml">Approve Request</a>
                                </li>
                                <li>
                                    <a href="paymentCompany.xhtml">Payment</a> <!-- Third level MENU -->
                                </li>                                
                            </ul>
                        </li>
                        <li>
                            <a href="listDriver.xhtml">Driver</a>
                            <ul>
                                <li class="current">
                                    <a href="listDriver.xhtml">List Driver</a> <!-- Second level MENU -->
                                </li>
                                <li>
                                    <a href="approveDriver.xhtml">Approve Request</a>
                                </li>
                                <li>
                                    <a href="paymentDriver.xhtml">Payment</a> <!-- Third level MENU -->
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="listAdvertise.xhtml">Advertise</a>
                            <ul>
                                <li class="current">
                                    <a href="listAdvertise.xhtml">List Advertise</a> <!-- Second level MENU -->
                                </li>
                                <li>
                                    <a href="paymentAdvertise.xhtml">Payment</a> <!-- Third level MENU -->
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">System</a>
                            <ul>
                                <li>
                                    <a href="listFeedback.xhtml">Feedback</a>
                                </li>
                                <li>
                                    <a href="listBanner.xhtml">Banner</a>
                                    <ul>
                                        <li><a href="addBanner.xhtml">Add Banner</a></li>
                                        <li><a href="listBanner.xhtml">List Banner</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="listAdmin.xhtml">Administrator</a>
                                    <ul>
                                        <li><a href="addAdmin.xhtml">Add Admin</a></li>
                                        <li><a href="listAdmin.xhtml">List Admin</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="listAccount.xhtml">Account</a>
                                </li>
                                <li>
                                    <a href="statistic.xhtml">Statistic</a>
                                </li>
                                <li>
                                    <a href="managerEnquiry.xhtml">Enquiry</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <a href="../index.xhtml" id="visit" class="right">Visit site</a>
                </div>
                <div id="content_main" class="clearfix">
                    <div id="tabledata" class="section">
                        <ui:insert name="contain">contain</ui:insert>
                    </div>
                </div><!-- end #content_main -->		
            </div><!-- end #content -->

            <div  id="footer" class="clearfix">
                <p class="left">Team1™ Radio Cabs- Admin Panel</p>
                <p class="right">© 2012 Designed and developed by Team1.</p>
            </div><!-- end #footer -->
        </div><!-- end container -->

    </h:body>


</html>
